.emotion-status-panel {
	position: absolute;
	top: 15px;
	right: 15px;
	display: flex;
	align-items: center;
	gap: 8px;
	background: rgba(0, 0, 0, 0.5);
	color: white;
	padding: 8px 15px;
	border-radius: 20px;
	font-size: 0.9rem;
	-webkit-user-select: none;
	user-select: none;
}

.emotion-indicator {
	background: #4ade80;
	border-radius: 50%;
	width: 10px;
	height: 10px;
	animation: pulse 3s infinite;
}

.status-happy .emotion-indicator {
	background: #c46cff;
}

.status-disconnected .emotion-indicator {
	background: var(--status-dc3545);
}

.status-thinking .emotion-indicator {
	background: var(--status-fbbf24);
	animation: pulse 1.5s infinite;
}

.status-speaking .emotion-indicator {
	background: var(--status-4a6fa5);
	animation: pulse 1.5s infinite;
}

.status-request .emotion-indicator {
	background: var(--status-4a6fa5);
	animation: pulse 1.5s infinite;
}

.status-await .emotion-indicator {
	background: var(--status-4a6fa5);
	animation: pulse 1.5s infinite;
}

.status-error .emotion-indicator {
	background: var(--status-dc3545);
}

.status-angry .emotion-indicator {
	background: var(--status-dc3545);
}

.status-shy .emotion-indicator {
	background: #ff69b4;
}